<nav class="menu" data-toggle="menu" style="width: 150px">

  <ul class="nav nav-primary">
  <li class="active"><a><i class="icon-tasks"></i> 五彩课程管理</a></li>

    <li>
    <a href="#"><i class="icon-user"></i> 学生管理</a>
      <ul class="nav">
                <li ><a href="{:U('Student/index')}"><i class="icon-th"></i> 学生选课</a></li>
                <li ><a href="{:U('Student/classScore')}"><i class="icon-list-ul"></i> 学生成绩</a></li>
                <li ><a href="{:U('Student/outstand')}"><i class="icon-calendar"></i> 优秀学员</a></li>
        ...
      </ul>
    </li>

    <li >
      <a href="#"><i class="icon-th"></i> 课程管理</a>
      <ul class="nav">
      <li><a href="{:U('Index/indexCourse')}"><i class="icon-circle-blank"></i> 课程汇总 </a></li>       
      <li ><a href="{:U('Index/xbDocFiles')}"><i class="icon-edit"></i>文档汇总<span class="label label-warning pull-right">5</span></a></li>
      <li class="active"><a href="{:U('Index/studentScore')}"><i class="icon-user"></i> 成绩管理</a></li>
       ...
      </ul>
    </li>
    <li>
      <a href="#"><i class="icon-tasks"></i> 课程展示</a>
      <ul class="nav">
        <li ><a href="{:U('Zhanshi/jiemu')}"><i class="icon-edit"></i> 节目展示</a></li>
        <li ><a href="{:U('Zhanshi/jiemuhz')}"><i class="icon-edit"></i> 节目汇总</a></li>
        <li ><a href="{:U('Zhanshi/zuopin')}"><i class="icon-edit"></i> 作品展示</a></li>
        ...      
      </ul> 
    </li>
    <li class="show">
      <a href="#"><i class="icon-tasks"></i> 我的课程</a>
      <ul class="nav">
        <li ><a href="{:U('My/addCourse')}">  <i class="icon-edit"></i>申报课程</a></li>
        <li ><a href="{:U('My/myDoc')}"><i class="icon-eye-open"></i>我的资料</a></li>
        <li ><a href="{:U('My/desCourse')}"><i class="icon-edit"></i> 课程简介</a></li>   
        <li ><a href="{:U('My/uploadindex')}"><i class="icon-cloud-upload"></i> 文档上传
        <span class="label label-warning pull-right">1</span></a></li> 
        <li ><a href="{:U('My/student')}"><i class="icon-user"></i> 学生管理</a></li> 
        <li ><a href="{:U('My/upScore')}"><i class="icon-time"></i> 成绩上报</a></li>
       ...     
      </ul> 
    </li>

  </ul>

</nav>
<script>
$('.menu .nav').on('click', 'li:not(.nav-parent) > a', function() {
    var $this = $(this);
    $('.menu .nav .active').removeClass('active');
    $this.closest('li').addClass('active');
    $this.closest('.nav-parent').addClass('active');
});
</script>